﻿<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags-->
    <!-- Title-->
    <title>News Ten - Blog &amp; Magazine Mobile HTML Template</title>
    <!-- Favicon-->
    <link rel="icon" href="img/core-img/favicon.ico">
    <!-- Stylesheet-->
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <!-- Preloader-->
    <div class="preloader" id="preloader">
      <div class="spinner-grow text-secondary" role="status">
        <div class="sr-only">Loading...</div>
      </div>
    </div>
    <!-- Header Area-->
    <div class="header-area" id="headerArea">
      <div class="container h-100 d-flex align-items-center justify-content-between">
        <!-- Back Button-->
        <div class="back-button"><a href="index.html"><i class="lni lni-chevron-left"></i></a></div>
        <!-- Page Title-->
        <div class="page-heading">
          <h6 class="mb-0">Live Now</h6>
        </div>
        <!-- Search Form-->
        <div class="search-form"><a href="search.html"><i class="fa fa-search"></i></a></div>
      </div>
    </div>
    <div class="page-content-wrapper">
      <!-- Live Video-->
      <div class="live-video-url">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe class="embed-responsive-item" src=""></iframe>
        </div>
      </div>
      <!-- Live Video Info-->
      <div class="live-video-info">
        <div class="container">
          <h5 class="video-title mb-3">Tracking President Trump's Response To COVID-19</h5>
          <div class="d-flex align-items-center justify-content-between"><span class="video-time"><span class="red-circle mr-1 flashing-effect"></span>Live Now</span><span class="viwer-count">12,185,609 viewing</span></div>
        </div>
      </div>
      <!-- Live Video Description-->
      <div class="live-video-description">
        <div class="container">
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt expedita a commodi id excepturi, laudantium blanditiis, quas, beatae temporibus suscipit alias?</p>
          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil velit itaque sunt quam quod accusantium, nulla culpa distinctio.</p>
        </div>
      </div>
      <div class="container">
        <div class="border-top"></div>
      </div>
      <!-- Blog Comments-->
      <div class="live-video-comments">
        <div class="container">
          <div class="d-flex align-items-center justify-content-between mb-4">
            <h6 class="video-comments-title mb-0">9 Comments</h6>
            <!-- Sorting Button-->
            <div class="comment-sorting-option">
              <button class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="lni lni-more"></i></button>
              <div class="dropdown-menu dropdown-menu-right text-right">
                <button class="dropdown-item" type="button">Newest Comments</button>
                <button class="dropdown-item" type="button">Top Comments</button>
                <button class="dropdown-item" type="button">Most Likes Comments</button>
              </div>
            </div>
          </div>
          <!-- Comment Form-->
          <div class="comment-form">
            <form action="#" method="POST">
              <textarea id="comment-text" name="commenttext" cols="30" rows="10" placeholder="Write A Comment"></textarea>
              <button class="mt-2 btn btn-primary d-none" type="submit">Comment</button>
            </form>
          </div>
          <ul class="comments-list">
            <!-- Single Comment Area-->
            <li class="single-comment-wrap">
              <div class="d-flex mb-4">
                <div class="comment-author"><img src="img/bg-img/11.jpg" alt="author"></div>
                <div class="comment-meta">
                  <div class="d-flex align-items-center justify-content-between mb-2">
                    <div class="comment-author-info-wrap">
                      <h6 class="comments-author-name">Hello Dolly</h6><span class="post-date">58 min ago</span>
                    </div>
                    <div class="like-count d-flex align-items-center"><span>128</span><a class="like" href="#"><i class="lni lni-heart"></i></a></div>
                  </div>
                  <p class="comment-text">Thanks guys, keep up the good work! The best on the net!</p><a class="reply reply-comment-btn" href="#"><i class="mr-2 lni lni-reply"></i>Reply</a>
                </div>
              </div>
              <ul class="children-comments-list">
                <!-- Single Comment Area-->
                <li class="single-comment-wrap">
                  <div class="d-flex mb-4">
                    <div class="comment-author"><img src="img/bg-img/17.jpg" alt="author"></div>
                    <div class="comment-meta">
                      <div class="d-flex align-items-center justify-content-between mb-2">
                        <div class="comment-author-info-wrap">
                          <h6 class="comments-author-name">Sarah Lim</h6><span class="post-date">58 min ago</span>
                        </div>
                        <div class="like-count d-flex align-items-center"><span>85</span><a class="like" href="#"><i class="lni lni-heart"></i></a></div>
                      </div>
                      <p class="comment-text">Thanks guys, keep up the good work! The best on the net!</p><a class="reply reply-comment-btn" href="#"><i class="mr-2 lni lni-reply"></i>Reply</a>
                    </div>
                  </div>
                </li>
                <!-- Single Comment Area-->
                <li class="single-comment-wrap">
                  <div class="d-flex mb-4">
                    <div class="comment-author"><img src="img/bg-img/20.jpg" alt="author"></div>
                    <div class="comment-meta">
                      <div class="d-flex align-items-center justify-content-between mb-2">
                        <div class="comment-author-info-wrap">
                          <h6 class="comments-author-name">Suha Lim</h6><span class="post-date">58 min ago</span>
                        </div>
                        <div class="like-count d-flex align-items-center"><span>67</span><a class="like" href="#"><i class="lni lni-heart"></i></a></div>
                      </div>
                      <p class="comment-text">Thanks guys, keep up the good work! The best on the net!</p><a class="reply reply-comment-btn" href="#"><i class="mr-2 lni lni-reply"></i>Reply</a>
                    </div>
                  </div>
                </li>
              </ul>
            </li>
            <!-- Single Comment Area-->
            <li class="single-comment-wrap">
              <div class="d-flex mb-4">
                <div class="comment-author"><img src="img/bg-img/21.jpg" alt="author"></div>
                <div class="comment-meta">
                  <div class="d-flex align-items-center justify-content-between mb-2">
                    <div class="comment-author-info-wrap">
                      <h6 class="comments-author-name">H. Riyadh</h6><span class="post-date">58 min ago</span>
                    </div>
                    <div class="like-count d-flex align-items-center"><span>31</span><a class="like" href="#"><i class="lni lni-heart"></i></a></div>
                  </div>
                  <p class="comment-text">Thanks guys, keep up the good work! The best on the net!</p><a class="reply reply-comment-btn" href="#"><i class="mr-2 lni lni-reply"></i>Reply</a>
                </div>
              </div>
            </li>
            <!-- Single Comment Area-->
            <li class="single-comment-wrap">
              <div class="d-flex mb-4">
                <div class="comment-author"><img src="img/bg-img/22.jpg" alt="author"></div>
                <div class="comment-meta">
                  <div class="d-flex align-items-center justify-content-between mb-2">
                    <div class="comment-author-info-wrap">
                      <h6 class="comments-author-name">Affan M.</h6><span class="post-date">58 min ago</span>
                    </div>
                    <div class="like-count d-flex align-items-center"><span>47</span><a class="like" href="#"><i class="lni lni-heart"></i></a></div>
                  </div>
                  <p class="comment-text">Thanks guys, keep up the good work! The best on the net!</p><a class="reply reply-comment-btn" href="#"><i class="mr-2 lni lni-reply"></i>Reply</a>
                </div>
              </div>
              <ul class="children-comments-list">
                <!-- Single Comment Area-->
                <li class="single-comment-wrap">
                  <div class="d-flex mb-4">
                    <div class="comment-author"><img src="img/bg-img/23.jpg" alt="author"></div>
                    <div class="comment-meta">
                      <div class="d-flex align-items-center justify-content-between mb-2">
                        <div class="comment-author-info-wrap">
                          <h6 class="comments-author-name">Kitty Lim</h6><span class="post-date">58 min ago</span>
                        </div>
                        <div class="like-count d-flex align-items-center"><span>53</span><a class="like" href="#"><i class="lni lni-heart"></i></a></div>
                      </div>
                      <p class="comment-text">Thanks guys, keep up the good work! The best on the net!</p><a class="reply reply-comment-btn" href="#"><i class="mr-2 lni lni-reply"></i>Reply</a>
                    </div>
                  </div>
                </li>
                <!-- Single Comment Area-->
                <li class="single-comment-wrap">
                  <div class="d-flex mb-4">
                    <div class="comment-author"><img src="img/bg-img/24.jpg" alt="author"></div>
                    <div class="comment-meta">
                      <div class="d-flex align-items-center justify-content-between mb-2">
                        <div class="comment-author-info-wrap">
                          <h6 class="comments-author-name">Dolly Molly</h6><span class="post-date">58 min ago</span>
                        </div>
                        <div class="like-count d-flex align-items-center"><span>31</span><a class="like" href="#"><i class="lni lni-heart"></i></a></div>
                      </div>
                      <p class="comment-text">Thanks guys, keep up the good work! The best on the net!</p><a class="reply reply-comment-btn" href="#"><i class="mr-2 lni lni-reply"></i>Reply</a>
                    </div>
                  </div>
                </li>
              </ul>
              <!-- Single Comment Area-->
              <li class="single-comment-wrap">
                <div class="d-flex mb-4">
                  <div class="comment-author"><img src="img/bg-img/25.jpg" alt="author"></div>
                  <div class="comment-meta">
                    <div class="d-flex align-items-center justify-content-between mb-2">
                      <div class="comment-author-info-wrap">
                        <h6 class="comments-author-name">S. Seikh</h6><span class="post-date">58 min ago</span>
                      </div>
                      <div class="like-count d-flex align-items-center"><span>114</span><a class="like" href="#"><i class="lni lni-heart"></i></a></div>
                    </div>
                    <p class="comment-text">Thanks guys, keep up the good work! The best on the net!</p><a class="reply reply-comment-btn" href="#"><i class="mr-2 lni lni-reply"></i>Reply</a>
                  </div>
                </div>
              </li>
            </li>
          </ul>
          <!-- Comment Form-->
          <div class="comment-form reply-comment-form">
            <form action="#" method="POST">
              <textarea id="comment-text" name="" cols="30" rows="10" placeholder="Write &amp; Press Enter"></textarea>
              <button class="d-none" type="submit"></button>
            </form>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer Nav-->
    <div class="footer-nav-area" id="footerNav">
      <div class="newsten-footer-nav h-100">
        <ul class="h-100 d-flex align-items-center justify-content-between">
          <li class="active"><a href="index.html"><i class="lni lni-home"></i></a></li>
          <li><a href="catagory.html"><i class="lni lni-grid-alt"></i></a></li>
          <li><a href="trending.html"><i class="lni lni-bolt-alt"></i></a></li>
          <li><a href="pages.html"><i class="lni lni-heart"></i></a></li>
          <li><a href="bookmark.html"><i class="lni lni-bookmark"></i></a></li>
        </ul>
      </div>
    </div>
    <!-- All JavaScript Files-->
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/waypoints.min.js"></script>
    <script src="js/jquery.easing.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.animatedheadline.min.js"></script>
    <script src="js/jquery.counterup.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/default/date-clock.js"></script>
    <script src="js/default/dark-mode-switch.js"></script>
    <script src="js/default/active.js"></script>
  </body>
</html>